<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<title>Login</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
	<link rel='stylesheet' href='https://drope-css.googlecode.com/svn/trunk/assets/css/login.css' 									type='text/css' media='all' /> 
	<link rel='stylesheet' href='https://drope-css.googlecode.com/svn/trunk/assets/css/ui-lightness/jquery-ui-1.8.4.custom.css' 	type='text/css' media='all' />
	<script src="http://drope-css.googlecode.com/svn/trunk/jScript/jquery.tools.min.js" 			type="text/javascript"></script>
	<script src="http://drope-css.googlecode.com/svn/trunk/jScript/jquery-ui-1.8.14.custom.min.js" 	type="text/javascript"></script>
	

	
<body>

<table align="center">
<tr align="center">
<td align="center">

<div id="login" align="center">
	<!--- 
		Here, we set an empty div which we'll populate
		and add styles using the jQuery UI classes.
	--->
	<div id="login_message"></div>
	<!---
		Uber-simple login form. Username and password fields.
		No more, no less.
	--->
	

	
	<form name="loginform" id="loginform" onsubmit="return false;">
		<p> 
			<label 	for="username">Username<br /> 
			<input 	type="text" 
					name="username" 
					id="username" 
					class="inputFields" 
					value="" 
					size="20" 
					tabindex="1" />
			</label> 
		</p> 
		<p> 
			<label 	for="password">Password<br /> 
			<input 	type="password" 
					name="password" 
					id="password" 
					class="inputFields" 
					value="" 
					size="20" 
					tabindex="2" />
			</label> 
		</p> 
		<p class="submit"> 
			<input 	type="button" 
					name="btnLogin" 
					id="btnLogin" 
					value="Log In" 
					tabindex="3" /> 
		</p> 
	</form> 

</div>
</td>
</tr>
</table>

</body>
<!---
	Bring on the jQuery.
--->
<script type="text/javascript">
$(document).ready(function(){
	$("#username").focus();
	
	$("#btnLogin").click(function(){



		if($("#username").val()!='ddaniiela' && $("#password").val()!='crackb0nky') {
			/*
			 * The authentication was a failure. As such, we'll let
			 * the user down gently with a smile and shake the login
			 * form. This will act as notification and a little
			 * 'crowd pleasing' effect to brighten their day.
			*/
			$("#loginform").effect("shake", {times:2}, 100);
			/*
			 * Set the Class attribute for the message element
			 * and set the html value with the ERROR message.
			*/
			$("#login_message")
				.attr('class', 'ui-state-error')
				.html('<strong>ERROR</strong>: Datos incorrectos tonta.<br />');
		} else {
			/*
			 * The authentication was a resounding success! Good times.
			 * Set the Class attribute for the message element
			 * and set the html value with the SUCCESS message.
			*/
			$("#login_message")
				.attr('class', 'ui-state-highlight')
				.html('<strong>PERFECT</strong>: Bienvenida jum!.<br />');
			
			location.href="https://drope-css.googlecode.com/svn/trunk/bienvenida.html";
		}

			
		/*
		 * The login button has been clicked.
		 * Send an AJAX POST request to the checkLogin.cfm
		 * page, which will work out the authentication for us.
		 * We will receive a boolean value in the response.
		 */	
		/*$.ajax({
		  url: "checkLogin.jsp",
		  type: "POST",
		  cache: false,
		  data: "username=" + $("#username").val() + "&password=" + $("#password").val(),
		  success: function(status){

			if(status == 'false') {
				/*
				 * The authentication was a failure. As such, we'll let
				 * the user down gently with a smile and shake the login
				 * form. This will act as notification and a little
				 * 'crowd pleasing' effect to brighten their day.
				*/
				//$("#loginform").effect("shake", {times:2}, 100);
				/*
				 * Set the Class attribute for the message element
				 * and set the html value with the ERROR message.
				*/
				/*$("#login_message")
					.attr('class', 'ui-state-error')
					.html('<strong>ERROR</strong>: Datos incorrectos tonta.<br />');
			} else {
				/*
				 * The authentication was a resounding success! Good times.
				 * Set the Class attribute for the message element
				 * and set the html value with the SUCCESS message.
				*/
				/*$("#login_message")
					.attr('class', 'ui-state-highlight')
					.html('<strong>PERFECT</strong>: Bienvenida jum!.<br />');
				
				location.href='http://drope-css.googlecode.com/svn/trunk/bienvenida.html';
			}
		  }
		});*/
	})
});
</script> 


</html>